<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <link rel="stylesheet" href="css/base1.css">
</head>
<body>
    <div class="top">
        <img src="images/logo.png">
    </div>
    <div class="nav-box">
        <ul class="nav">
            <div class="city"> 
                <img src="images/location.png">
                <div class="city-now">深圳</div>
                <div class="city-select">&lt切换&gt</div>
            </div>
            <li class="nav-li"><a class="nav-a" href="#">首页</a></li>
            <li class="nav-li"><a class="nav-a" href="#">资讯</a></li>
            <li class="nav-li"><a class="nav-a" href="#">测评</a></li>
            <li class="nav-li"><a class="nav-a" href="#">商城</a></li>
            <div class="img-adm"><img src="images/adm.png"></div>
            <li class="nav-li user"><a class="nav-a adm" href="#">个人中心</a></li>
        </ul>
    </div>
    <div class="middle-box">
        <div class="middle">
            <div class="middle-left">
                <a class="home" href="home.html" target="frame">用户中心首页</a>
                <ul class="menu">
                    <li class="detect"><img src="images/open.png">我的检测</li>
                    <li><a href="#">上门检测</a></li>
                    <li><a href="#">DIY检测</a></li>
    
                    <li class="deal"><img src="images/open.png">我的治理</li>
                    <li><a href="#">上门治理</a></li>

                    <li class="decorate"><img src="images/open.png">我的装修</li>
                    <li><a href="#">装修方案</a></li>

                    <li class="collect"><img src="images/open.png">我的收藏</li>
                    <li><a href="#">装修材料</a></li>
                    <li><a href="#">净化产品</a></li>
                    <li><a href="#">资讯</a></li>
                    <li><a href="#">测评</a></li>

                    <li class="info"><img src="images/open.png">个人资料</li>
                    <li><a href="#">个人资料</a></li>
                    <li><a href="#">修改密码</a></li>
                    <li class="bound"><a href="bound.html" target="frame">绑定手机\微信</a></li>

                    <li class="points"><img src="images/open.png">积分管理</li>
                    <li><a href="#">积分兑换</a></li>
                    <li><a href="#">积分等级</a></li>
                    <li><a href="#">积分任务</a></li>
                </ul>
            </div>
            <iframe src="home.html" frameborder="0" name="frame"></iframe>
        </div>
    </div>
    <div class="bottom">
        <div class="bottom-content">
            <div class="Logo">
                <img class="footerLogo" src="images/footerLogo.png">
                <p class="logan">为室内环境健康把好每一关</p>
                <p>家居医生致力于中国人的家居健康问题，通过专业的技术研究</p>
                <p>和测评，倾力协助大众打造绿色、环保的人居生活环境。</p>
            </div>
            <div class="about-us">
                <a class="about" href="#">关于我们</a>
                <a class="about" href="#">联系我们</a>
                <a class="about" href="#">加入我们</a>
            </div>
            <div class="statement">
                <a class="about" href="#">版权说明</a>
                <a class="about" href="#">用户隐私</a>
                <a class="about" href="#">免责申明</a>
            </div>
            <div class="imgs">
                <img class="weixin" src="images/weixin2.png"><br>
                <img class="tianmao" src="images/tianmao.png"><br>
                <img class="shop" src="images/shop.png"><br>
            </div>
            <div class="market">
                <a class="about" href="#"> 官方微信</a>
                <a class="about" href="#">  天猫旗舰店</a>
                <a class="about" href="#">  有赞商城</a>
            </div>
            <div class="line"></div>
            <span class="ltd">深圳建筑科学研究院股份有限公司 &nbsp&nbsp 家居医生网</span>
            <span class="copyright">粤ICP备08011321号 ©Copyright All Rights Reserved</span>
        </div>
    </div>
</body>
</html>